<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>公告</title>
    <script src="__JS__/ios-web-app.js"></script>
</head>

<body>
    <header class="normal_header">
        <div class="header_pic">
            <a href="{:U('user/index')}"><img src="__IMG__/ex/back_black.png" alt=""></a>
        </div>
        <p>Thông báo</p>
        <div class="header_pic"></div>
    </header>
    <div class="notice_tit">
        <a href="{:U('user/notice',array('type'=>1))}"><span class="<if condition='$type eq 1'>active</if>">Thông báo diễn đàn</span></a>
        <a href="{:U('user/notice',array('type'=>2))}"><span class="<if condition='$type eq 2'>active</if>">Thông báo hệ thống</span></a>
    </div>
    <div class="notice_content">
        <ul>
            <volist name="news" id="vo" empty="Tạm thời chưa có số liệu">
                <a href="{:U('noticedetail',array('id'=>$vo['id']))}">
                    <li class="notice_list">
                        <div>
                            <p class="notice_list_tit">{$vo.title}</p>
                            <p class="notice_list_time">{$vo.create_time|date='Y-m-d H:i:s',###}</p>
                        </div>
                        {$vo.content}
                    </li>
                </a>
            </volist>

            <style>
                .notice_list > p{
                    display: none;
                }
                .notice_content > ul > a > li > p:nth-child(2){
                    text-overflow:ellipsis;white-space:nowrap!important;overflow:hidden;width:5rem;
                    display: block;
                }

                .notice_list_tit{
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    width: 8rem
                }
            </style>

            <!--<a href="#">-->
                <!--<li class="notice_list">-->
                    <!--<div>-->
                        <!--<p class="notice_list_tit">提币到账成功</p>-->
                        <!--<p class="notice_list_time">2019-05-28</p>-->
                    <!--</div>-->
                    <!--<p class="notice_list_content">您在2019-05-27 12:50分提币10BTH到账成功。</p>-->
                <!--</li>-->
            <!--</a>-->
            <!--<a href="#">-->
                <!--<li class="notice_list">-->
                    <!--<div>-->
                        <!--<p class="notice_list_tit">提币到账成功</p>-->
                        <!--<p class="notice_list_time">2019-05-28</p>-->
                    <!--</div>-->
                    <!--<p class="notice_list_content">您在2019-05-27 12:50分提币10BTH到账成功。</p>-->
                <!--</li>-->
            <!--</a>-->
        </ul>
    </div>
</body>

</html>